<!-- <route>
{
  "meta": {
    "requiresAuth": true
  }
}
</route> -->

<route lang="yaml">
# 这是一个自定义路由块，插件会自动处理它
# 这里的配置会被合并到路由配置中
name: admin
meta:
  requiresAuth: true  # 这是一个自定义的元信息，用于在路由守卫中判断是否需要登录
</route>

<script setup>
import { onMounted } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter();

const loginOut = () => {
  localStorage.removeItem('token'); // 清除 token，模拟登出
  console.log('已登出，重定向到登录页');

  router.push('/login');// 重定向到登录页
};

onMounted(() => {
  console.log('组件已挂载');
});

</script>

<!-- <script>
export default {
  beforeRouteEnter(to, from, next) {
    console.log('进入前');
    next();
  },
};
</script> -->

<template>
  <div>
    <h1>后台管理</h1>
    <p>Welcome to the Admin Page!</p>
    <el-button type="primary" @click="loginOut">退出</el-button>
  </div>
</template>
<style scoped></style>
